
<%@ include file="/WEB-INF/jsp/include/page_header.jspf" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">


<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>.: Portal Kerjaya :.</title>
        <link type="text/css" href="${pageContext.request.contextPath}/pub/style/cupertino/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
        <script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript">           
            $(document).ready(function() {       
                $("form").submit(function() {
                    return formValidation();
                });     
                
                $('#companyDialog').dialog('open');
                $("#companyDialog").dialog({
                    autoOpen: false,
                    height: 300,
                    width: 600,
                    modal: true,
                    buttons: {
                        'Tutup' : function() {
                            $(this).dialog('close');
                        },

                        'Simpan': function() {
                            var selected = $t.tabs("option", "selected");
                            frm = document.form1;
                            frm.tabSelected.value = selected;
                            frm.submit();
                        }
                    },
                    close: function() {                       
                    }
                });
            });       
            
            function test(f) {
                $(f).clearForm();
            }
        
            function check(f) {
                
                if(document.form1.idPengguna.value.length == 0){
                    alert("Sila masukkan ID Pengguna");
                    form1.idPengguna.focus();
                    return (false);
                } 
                if(document.form1.nama.value.length == 0){
                    alert("Sila masukkan Nama");
                    form1.nama.focus();
                    return (false);
                } 
                str1 = f.password.value;
                str2 = f.repassword.value;
                if(document.form1.password.value.length == 0){
                    alert("Sila masukkan Kata Laluan");
                    form1.password.focus();
                    return (false);
                }
                if (str1.length < 6) {
                    alert("Kata Laluan tidak boleh kurang dari 6 aksara!!");
                    return false;
                }
                if (str1.length > 10) {
                    alert("Kata Laluan tidak boleh lebih dari 10 aksara!!");
                    return false;
                }
                if (str1 != str2) {
                    alert("Kata Laluan dan Pengesahan Kata Laluan tidak sama!!");
                    return false;
                }
                return confirm("Click on OK to confirm");
            }        
                       
            function removePguna (val) {
                form = document.form1;
                var answer = confirm("adakah anda pasti untuk Hapus?");
                if (answer) {
                    form.action = '${pageContext.request.contextPath}/daftar/pengguna?deletePguna&idPengguna='+val;
                    form.submit();
                }
            }
            
           
            function jana(){
                $.post('${pageContext.request.contextPath}/daftar/pengguna?janaPassword',
                function(data){
                    if(data != ''){
                        $('#password').val(data);
                        $('#repassword').val(data);
                    }
                }, 'html');

            }
            
            
            function editPguna(idPengguna,row) {
                $('#idPguna').val(idPengguna);
                $('#namaPguna').val($('#nama_' + row).val());
                $('#kodPguna').val($('#kodPguna_' + row).val());
                $('#aktif').val($('#aktif_' + row).val());
                $('#companyDialog').dialog('open');
            }

            
        </script>
    </head>
    <body>
        <s:useActionBean beanclass="com.jkoa.util.ListUtil" var="list"/>
        <s:form beanclass="com.jkoa.stripes.action.RegisterUserActionBean" name="form1">
            <s:messages />
            <s:errors />

            <div class="left_entry"><div class="left_title">Maklumat Asas Pengguna</div>
                <table width="100%" border="0"  bordercolor="#BBB">
                    <tr><td  style="text-align: right"><font color="red">*</font> ID Pengguna :</td>
                        <td>
                            <s:text name="pguna.idPengguna" style="width:250px" id="idPengguna" class="normal_text"/>
                        </td></tr>
                    <tr><td  style="text-align: right"><font color="red">*</font> Nama :</td>
                        <td>
                            <s:text name="pguna.nama" style="width:250px" id="nama" class="normal_text"/>
                        </td></tr>
                    <tr><td  style="text-align: right"><font color="red">*</font> Kata Laluan :</td>
                        <td>
                            <s:password name="pguna.password" maxlength="10"  id="password" class="normal_text"/>
                        </td><td>
                            <s:button  name="save" value="Jana Kata Laluan" class="btn" onclick="jana();" /></td></tr>
                    <tr><td  style="text-align: right"><font color="red">*</font> Pengesahan Kata Laluan :</td>
                        <td>
                            <s:password  name="pKataLaluan" maxlength="10"  id="repassword" class="normal_text"/>
                        </td></tr>
                    <tr><td  style="text-align: right"><font color="red">*</font> Jenis Pengguna :</td>
                        <td>
                            <s:select name="pguna.kodPguna.kod"  style="width:250px">
                                <s:option value="">Sila Pilih</s:option>
                                <s:options-collection collection="${list.senaraiKodPguna}" label="nama" value="kod"/>
                            </s:select>
                        </td></tr>
                    <tr><td  style="text-align: right"><font color="red">*</font> Aktif :</td>
                        <td>   
                            <s:radio name="pguna.aktif" value="Y" />Ya
                            <s:radio name="pguna.aktif" value="X" />Tidak
                        </td></tr>
                    <tr><td colspan="3">
                            <div align="center">
                                <s:submit  name="savePguna" value="Simpan" class="btn fix_width" onclick="check(this.form);" />
                                <s:submit name="showForm" value="Isi Semula" class="btn fix_width" onclick="test(this.form);"/>
                            </div>
                        </td></tr>
                </table>
            </div>
            <div class="left_entry"><div class="left_title">Senarai Pengguna</div>
                <display:table class="tablecloth" style="width:100%; border:0px;  bordercolor:#BBB;" name="${actionBean.senaraiPguna}" pagesize="10"
                               cellpadding="0" cellspacing="0" id="line"
                               requestURI="/daftarPengguna">
                    <display:column title="Bil" sortable="true" style="vertical-align:baseline">${line_rowNum}</display:column>
                    <display:column property="idPengguna" title="ID Pengguna" style="vertical-align:baseline"/>
                    <display:column title="Nama">
                        <input type='hidden' name="" id="nama_${line_rowNum-1}" value="${line.nama}"/>
                        ${line.nama}
                    </display:column>
                    <display:column title="Jenis Pengguna">
                        <input type='hidden' name="" id="kodPguna_${line_rowNum-1}" value="${line.kodPguna.kod}"/>
                        ${line.kodPguna.nama}
                    </display:column>
                    <display:column title="Aktif">
                        <input type='hidden' name="" id="aktif_${line_rowNum-1}" value="${line.aktif}"/>
                        ${line.aktif}
                    </display:column>
                    <display:column title="Kemaskini">
                        <p align="center">
                            <img alt='Klik Untuk Kemaskini' border='0' src='${pageContext.request.contextPath}/pub/images/edit.gif'
                                 onclick="editPguna('${line.idPengguna}','${line_rowNum-1}')" onmouseover="this.style.cursor='pointer';">
                        </p>
                    </display:column>
                    <display:column title="Hapus">
                        <p align="center">
                            <img alt='Klik Untuk Hapus' border='0' src='${pageContext.request.contextPath}/pub/images/not_ok.gif' 
                                 onclick="removePguna('${line.idPengguna}')" onmouseover="this.style.cursor='pointer';">
                        </p>
                    </display:column>
                </display:table>
            </div>
            <div id="companyDialog" style="display: none" align="left" title="Kemaskini Pengguna">                                                             
                <table>
                    <tr>
                        <td style="text-align: right">ID Pengguna</td>
                        <td>:</td>                       
                        <td> <s:text name="pguna.idPengguna" id="idPguna" class="normal_text"/></td>                                
                    </tr> 
                    <tr>
                        <td style="text-align: right">Nama Pengguna</td>
                        <td>:</td>                       
                        <td> <s:text name="pguna.nama" id="namaPguna" class="normal_text"/></td>                                
                    </tr> 
                    <tr>
                        <td style="text-align: right">Jenis Pengguna</td>
                        <td>:</td>                       
                        <td> <s:select name="pguna.kodPguna.kod"  style="width:250px" id="kodPguna">
                                <s:option value="">Sila Pilih</s:option>
                                <s:options-collection collection="${list.senaraiKodPguna}" label="nama" value="kod"/>
                            </s:select></td>                                
                    </tr> 
                    <tr>
                        <td style="text-align: right">Aktif</td>
                        <td>:</td>                       
                        <td>  
                            <s:radio name="pguna.aktif" value="Y" checked="true" id="aktif"/>Ya
                            <s:radio name="pguna.aktif" value="X" id="aktif"/>Tidak</td>                                
                    </tr>

                </table>
            </div>
        </s:form>
    </body>
</html>
